﻿
/* Layout */
* {margin:0; padding:0;}
body {background-color: #fff;}
#container {}
* html #header {margin-bottom: 15px;} /* Win/IE only sees this line */
#tips {width:100%;height:32px; background-color:#6699cc;}
#content {min-height: 480px; width:980px; margin: 0 auto;}
#signin { position:absolute; top:40px; right:8px; width:240px; height:623px; border:0px #ccc solid; background:#fff url('../images/signina.png') no-repeat;}
#footer {clear: both; height:143px; width:100%; background:#fff url('../images/footer-left.gif') repeat-x left bottom;}

/* Fonts */
body, input, select, textarea {font-family: 微软雅黑, verdana, tahoma, arial, helvetica, sans-serif;}
body {font-size: 81%; color: #333; line-height: 1.45em;}
body, p {text-align: justify;}
p, table {font-size: 1em; color: #222;}
textarea {font-size: 1em;}
pre, tt {font-size: 1.3em;}
#header, #tips,  #footer, p.locationline {font-size: 0.87em;}

a:active{ color:#333; text-decoration:none;}
a:link{ color: #333; text-decoration:none;}
a:visited{ color:#444; text-decoration:none;}
a:hover{ color:#333; text-decoration:none;}

ul, li { list-style:none;}
img {border:none;}

/* other css */
#latestnews, .login_item, #contact-info, #howtovisit, #footer-s, #content-zone,#news-content #news-text #news-brief
{-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}


/* header */
#header { width:980px; height:128px; margin:0 auto; position:relative;}
	#header #logo {float:left;width:300px;height:81px;margin:20px 0 0 10px;}
#header #sub-title{	float:left;color:green;margin:69px 0 0 12px;font-size:22px;font-weight:normal;line-height:30px;}

/* tips */
.tipscontent{width:980px;margin:0 auto;color:#fff;line-height:32px;padding-left:15px;}
	.tipscontent a {color:#fff;}
	.tipscontent a:hover { text-decoration:underline;}

/* signin */
.login_item {height: 260px; padding-top: 20px; margin:0 8px 8px 8px; background-color:#ddeef6;}
	.login_item .regtop {margin: 0 auto;text-align: center;width: 200px;}
		.login_item .regtop p {color: red;padding-top: 4px; text-align:center;margin-bottom:20px;}
	.login_item .regbtn {background: url(../images/regbtn.png) no-repeat 0px 0px;display: block;height: 52px;width: 196px;}
	.login_item .regbtn{display:block;background:url(../images/regbtn.png) no-repeat 0 0;width:196px;height:52px;}
		.login_item .regbtn:hover{background-position:0 -52px;}
	.login_item .loginform{width:194px;margin:0 auto;}
	.login_item .input_bg{background:url(../images/inputbg.png) no-repeat;width:194px;height:31px;margin-bottom:10px;}
		.login_item .input_bg input{border:none; margin:2px 0 0 2px;height:27px;line-height:20px;width:190px;color:#ababab; background:url(../images/greenbtn.gif) no-repeat 0 -24px;}
		.login_item .input_bg input.pw{ background-position:0 -48px;}
	.login_item .setting{color:#666;height:24px;}
		.login_item .setting a{color:#6eafd5;}
		.login_item .setting input{vertical-align:middle;_vertical-align:text-bottom;margin-right:4px;margin-right:0\9;}
		.login_item .setting .rt{line-height:24px\9;float: right;}
	.login_item .signin{text-align:center;margin-top:16px;}
		.login_item .signin input.sp{ border:none; width:97px;height:30px; background:url(../images/btn_signin.gif) no-repeat 0 0; cursor:pointer;}
		
#contact-info,#howtovisit { height:75px; padding: 17px 0px 0px 10px; margin:8px; background-color:#eee;}
	#contact-info dl {float: left; padding-bottom:6px;}
	#contact-info dt {background: url(../images/phone.png) no-repeat 0% 1px;padding-left:22px;padding-bottom:6px; color:black;line-height: 16px;}
	#contact-info dd {line-height: 21px;padding-left: 21px;color: #666;line-height: 18px;}
		#contact-info dd p cite {color: #6EAFD5;font-weight: bold; font-style:normal;}

#howtovisit {height:120px; background-color:#ddeef6;}
	#howtovisit dl{float: left; padding-bottom:6px;}
	#howtovisit dt {background: url(../images/phone.png) no-repeat 0% 1px;padding-left:22px;padding-bottom:6px; color:black;line-height: 16px;}
	#howtovisit dd {line-height: 21px;padding-left: 21px;color: #666;line-height: 18px;}
		#howtovisit dd p cite {color: #6EAFD5;font-weight: bold; font-style:normal;}

	

/* content */
#latestnews, #latestwb { float:left; margin:10px 0;}
#latestnews {width:240px; background-color:#eff8ff; padding:5px 8px;}
	#latestnews h3{	color:#26659a;	font-size:1.2em; margin:8px 0;}
		#latestnews h3 span{color:#7ab15d; font-size:0.7em; margin-left:10px;}
	#latestnews ul {padding-left:2px; padding-top:6px; _padding-top:3px; border-top:1px #ccc solid; }
		#latestnews li {margin:10px 0; background:transparent url(../images/li1.gif) no-repeat left 7px; }
			#latestnews p {padding-left:10px; margin-bottom:1em;}
			#latestnews p.time {color:#48A682; line-height:1.5em; margin-bottom:0; font-size:0.7em;}
			#latestnews p.time b {font-size:1.4em;}
			#latestnews a {color:#195A94;}

#latestwb {margin-left:5px;width:460px ;border:0px #ccc solid; border-bottom-width:0; border-top-width:0;  overflow:hidden;}
	#latestwb .itemt{overflow-x: hidden; overflow-y: hidden; background-color: rgb(255, 255, 255); opacity: 1; border-bottom:1px #aaa dashed;}
		#latestwb .wb_list dd .twit_item {font-size: 12px;overflow: hidden;padding: 10px 0px;}
	#latestwb .wb_list {display: inline;float: left;margin: 0px 0px 0px 27px;overflow: hidden; width: 394px;}
	    #latestwb .wb_list ul {height:550px;}
	    #latestwb .wb_list dt {background: url(../images/bubble.png) no-repeat 0% 4px; font-weight: bold;line-height: 22px;padding: 0px 0px 8px 22px;}
	#latestwb .wb_item_pic {float: left;padding-top: 2px;width: 66px;}
	#latestwb .wb_item_content { color: #666; float: left; line-height: 18px; width: 316px; }


/* footer */
#footerlogo { width:100%; height:143px; margin:0 auto;}
#footerlogo #fimg-r { float:right; width:980px; height:143px; background:url('../images/footer-logo.gif') no-repeat right bottom;}
#footerlinks { width:100%; height:2.6em; background-color:#7ca8d3;}
#footerlinks ul{width:980px;margin:0 auto;line-height:2.6em;}
#footerlinks li {float:left;margin-right:0.6em;	padding:0 0.1em;color: #ddd;}
	#footerlinks li a {	color: #ddd;}
	#footerlinks li a:hover {color: #fff;}

#footer-s{ width:980px; height:2em; line-height:2em; margin:2px auto; margin-top:5px; background-color:#d6f3f7; text-align:center;}
#footer-a{ float:left; height:2em; width:100%; color: #999; background-image:none; border-top:4px #6699cc solid; text-align:center;}

/* reg.html */
#reg { background-color:#efffef;}
#content-zone{width:980px; min-height:280px; padding:20px 0;padding-bottom:180px; margin:0 auto;background:#fff url(../images/reg-btbg.png) no-repeat bottom left;}
	#content-zone dl {padding:0 40px;}
	#content-zone dt { line-height:1.2em; font-size:2em; margin-bottom:1em;}
		#content-zone #signin-d{padding-left:1em; font-size:.5em; color:#aaa;}
	#content-zone dd {padding:16px 0 0 60px; }
		#content-zone dd span {margin-right:1em; color:#5c98cc; }
		#content-zone dd input {width:240px; height:2em; line-height:1.8em; font-size:1.2em; border:1px #ccc solid; padding:.1em 3px;}
		#content-zone dd .btn_reg {display:block; margin-left:5em; width:209px; height:62px; background:url(../images/btn_reg.gif) no-repeat 0 0;}
		#content-zone dd .btn_reg:hover { background-position:0 -62px;}
		#content-zone .verl input {width:90px; margin-right:7px;}
		#content-zone .verl img { margin:0; padding:0; width:100px; height:35px;}
		#content-zone .license input {width:17px; height:17px;}




/* signin.html */
#content-zone dd .btn_signin {display:block; margin-left:4em; width:97px; height:30px; line-height:30px; text-align:center; background:url(../images/btn_signin.gif) no-repeat 0 0;}

/* newsreading.html */
.curpath { background:url(../images/logo_img_bbg.gif) no-repeat 20px center; padding-left:60px;}
#news-content { width:980px; min-height:500px; margin:0 auto; margin-top:1em;}
	#news-content #sidebar{float:right; width:220px; margin-left:10px;}
	#news-content #sidebar li{ margin:.2em 0; color:#888;}
		#news-content #sidebar li a{ color:#888;}
			#news-content #sidebar li a:hover{ border-bottom:1px dashed #888;}
	#news-content #sidebar .college-logo { width:60%; margin:10px 20%;}
	#news-content #news-text{ float:left; width:690px; margin-left:5px; height:auto; min-height:500px; padding:12px 20px; border-left:1px #ddd solid; border-right:1px #ddd solid; border-top:0px #003795 solid; background:url('../images/bg_splitline.gif') no-repeat top center;}
		#news-content #news-text #news-title {font-size:1.6em; margin:1em 0; color:#444; line-height:1.2em; letter-spacing:1px; font-weight:500;}
		#news-content #news-text #news-brief {margin:10px 0 28px 0; background-color:#efefef; padding:.5em 2em;}
		#news-content #news-text p{ text-indent:2em; margin:1em 0;}
			#news-content #news-text p#news-detail{margin-bottom:1em;}
		#news-content #news-text .comment-zone{clear:both; position:relative; margin-top:30px;}
		#news-content .comment-zone .btn-comment{position: absolute;right:-74px;bottom:-10px; display:block;width:21px; height:86px; padding:6px 10px 0 22px; letter-spacing:10px; line-height:1.2em; color:#444;background:url('../images/bg_comment.gif') no-repeat left top;}
		#news-content .comment-zone .btn-comment:hover{ right:-75px;}
		

/* news.html */
#menu {clear: left; float: left; width: 150px; margin: 0 0 10px 0; padding: 0; line-height: 1.3em;}
#menu ul {list-style: none; width: 150px; margin: 0; padding: 0; text-align: left;}
#menu li {margin: 0 0 4px; list-style-type: none;}
#menu li a {font-weight: bold; text-decoration: none; display: block; padding: 6px 0 6px 10px; background-color: #f4f4f4; border-left: 4px solid #cccccc; border-bottom: 0;}
#menu li a {color: #505050;}
#menu li a {width: 136px;}  /* Hack: restatement of width necessary to stop Win/IE6 adding margin between blocks - see http://lists.evolt.org/archive/Week-of-Mon-20050117/168008.html */
#menu li.indent a {padding-left: 17px;}
#menu li.indent a {width: 129px;}   /* Hack: restatement of width necessary to stop Win/IE6 adding margin between blocks - see http://lists.evolt.org/archive/Week-of-Mon-20050117/168008.html */
#menu li a:hover, #menu li.selected a:hover {background-color: #eaeaea; color: #286ea0; border-left: 4px solid #286ea0;}
#menu li.selected a {background-color: #f1f1f1; border-bottom: 1px solid #ddd;}
#menu ul ul {margin-bottom: 10px;}
#menu li li {margin: 0;}
#menu li li a {font-weight: normal; padding: 2px 0 2px 10px;}
#menu li li a:hover {border-left-color: #666699;}
/* #!# Ideally make this so that #menu li li is gray but on hover is the section's colour */
#menu li.selected li a {background-color: #fafafa; border-bottom: 1px solid #f1f1f1; color: #505050;}

.news-list{	float:left; width:380px; border:1px #ccc solid; border-width:0 1px; margin:0 8px;}
.news-list-title {padding:8px 0;}
.news-list li {	line-height:2em;padding-left:1em;}